<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./styles/common.css">
    <link rel="stylesheet" href="./styles/page.css">
    <link rel="stylesheet" href="./styles/variable.css">
</head>

<body>
    <div class="container">
        <div class="change">Already have an account? <span class="link">Login In</span></div>
        <div class="title">Welcome to Remote</div>
        <div class="description">Hiring a global team is complex. Remote makes it easy.</div>
        <form onsubmit="return handleSumbit(event)" action="#">
            <div class="name item">
                <div class="title">Full legal name</div>
                <input type="text" name="name" required>
            </div>
            <div class="tips">Full name as it appears on identification document.</div>
            <div class="email item">
                <div class="title">Company email</div>
                <input type="text" name="email" required>
            </div>
            <div class="tips">Please enter a business email address - For example you@companyname.com</div>
            <div class="gender item no-border" data-selected-gender="null">
                Your gender:
                <div data-gender="male" class="select">男</div>
                <div data-gender="female" class="select ">女</div>
            </div>
            <div class="password item">
                <div class="title">Create password</div>
                <input type="password" name="password" required>
            </div>
            <div class="repassword item">
                <div class="title">repeat the password</div>
                <input type="password" name="repassword" required>
            </div>
            <div class="date item">
                <input type="date" name="date">
            </div>

            <button>Sign up for free</button>
        </form>
        <div class="footer">
            <span class="link">Pirvacy Policy<img src="./assets/icon/j.svg" alt="" srcset="" class="svg"></span>and
            <span class="link">Terms and Conditions<img src="./assets/icon/j.svg" alt="" srcset="" class="svg"></span>
        </div>
    </div>
    <script src="./js/rules.js"></script>
    <script src="./js/register.js"></script>
    <script src="./js/common.js"></script>

</body>

</html>